<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人中心</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../css/user.css"/>
	</head>
	<body>
		<!-- top -->
		<div class="index-top">
			<div class="container">
				<div class="menu-box fl">
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="#">新房</a></li>
						<li><a href="#">二手房</a></li>
						<li><a href="#">租房</a></li>
						<li><a href="#">商铺</a></li>
						<li><a href="#">写字楼</a></li>
						<li><a href="#">委托申请</a></li>
						<li><a href="#" class="on">发布房源</a></li>
						<li><a href="#">房产百科</a></li>
						<li><a href="#">掌上可心房</a></li>
					</ul>
				</div>
				<div class="tel-box fr">
					<p>客服热线：023-4888888</p>
				</div>
				<div class="login-box fr">
					<img src="../img/wechat.png" >
					<img src="../img/QQ.png" >
					<img src="../img/webo.png" >
					<span class="login-bottom">
						<a href="jacascript:void(0)" id="login">登录</a> |
						<a href="jacascript:void(0)" id="register">注册</a>
					</span>
				</div>
			</div>
		</div><!-- top结束 -->
		
		<div class="cont-box contain">
			<div class="cont-left fl">
				<div class="user-logo">
					<img src="../img/user/touxiang-img.png" >
				</div>
				<p class="nick-name">昵称昵称昵称</p>
				<div class="line"></div>
				<ul>
					<li>关注房源</li>
					<li>关注小区</li>
					<li>我的委托</li>
					<li class="on">编辑资料</li>
				</ul>
			</div>
			<div class="cont-right fr">
				<div class="cont-right-top">
					<p class="fl">欢迎来到可心房！</p>
					<img class="fr" src="../img/user/erweima-bg.png" >
				</div>
				<div class="cont-right-buttom">
					<div class="cont-right-buttom-top">
						<p class="fl on">个人信息</p>
						<p class="fl" style="margin-left: 70px;">消息提醒</p>
					</div>
					<div class="touxiang-box">
						<div class="fl">头&nbsp;&nbsp;&nbsp;&nbsp;像</div>
						<div class="fl img-box">
							<img src="../img/user/touxiang-img.png" >
							<div class="xiugai-bt">
								修改头像
							</div>
						</div>
					</div>
					<div class="clear"></div>
					<div class="nickname-box">
						<p>昵&nbsp;&nbsp;&nbsp;&nbsp;称</p>
						<input type="" name="" id="" value="" placeholder="昵称"/>
					</div>
					<div class="nickname-box">
						<p>当前号码</p>
						<input type="" name="" id="" value=""/>
					</div>
					<div class="nickname-box">
						<p>新手机号码</p>
						<input type="" name="" id="" value=""/>
					</div>
					<div class="nickname-box">
						<p>验证码</p>
						<input type="" name="" id="" value=""/>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 网站footer -->
		<div class="page-footer">
			<div class="contain">
				<div class="page-foot-top">
					<ul>
						<li><a href="#">关于我们</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">隐私声明</a></li>
						<li><a href="#">綦江小区</a></li>
						<li><a href="#">可心经纪人</a></li>
					</ul>
					<p class="fr">客服热线 <span style="color: #fff116;margin-left: 10px;">023-48625859</span></p>
				</div>
				<div class="page-foot-cont">
					<div class="foot-left fl">
						<div class="foot-left-top">
							<div class="tab-item fl on">人气楼盘</div>
							<div class="tab-item fl">热门楼盘</div>
							<div class="tab-item fl">推荐城市楼盘</div>
						</div>
						<div class="foot-left-cont">
							<ul>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
							</ul>
						</div>
					</div>
					<div class="foot-right fr">
						<img style="margin-top: 20px;" src="../img/buttom-jjr.png" >
						<img src="../img/buttom-fbfy.png" >
					</div>
				</div>
				<div class="page-foot-bu">
					<p>Copyright 2015-2018©綦江可心房网络科技有限公司 渝ICP备17013215号           联系电话：02348625859 | 地址：綦江綦江区文龙街道核桃湾6-1090-1号</p>
				</div>
			</div>
		</div><!-- 网站footer结束 -->
		
		
		  <!-- 登录窗口 -->
		<div class="model" hidden>
					  <div class="model-login-box" id="login_box" hidden>
						  <div class="model-login-top"> 
							  <p>登录可心房</p>
							  <img src="../img/login-close.png" class="login-close">
						  </div>
						  <div class="login-menu-box">
							  <div class="login-menu-group fl on" id='sjdl'>
								  手机快捷登录
							  </div>
							  <div class="login-menu-group fl" id='zhdl' style="border-left: solid 1px #e3e3e3;">
							  		账号密码登录				  
							  </div>
						  </div>
						  <div class="login-input-box">
							  <input type="text" name="" id="" value="" placeholder="请输入手机号码" class="login-tel-box"/>
							  <div hidden id='zhdl_box'>
								<input type="text" name="" id="" value="" placeholder="请输入登录密码" class="login-tel-box" style="margin-top: 0px;"/>
								<img src="../img/yanj.png" class="yanj">  
							  </div>
							  <div id='sjdl_box'>
							  	<input type="text" name="" id="" value="" placeholder="请输入验证码" class="login-yanz-box fl"/>
							  	<div class="get-code fl">获取验证码</div>
							  </div>
							  <div class="clear"></div>
							<div class="login-tips">
								<img src="../img/checkout.png" class="fl login-tips-img">
								<p class="fl login-tips-time">7天内免登录</p>
								<a href="#" class="fr log" style="display: none;">忘记密码?</a>
							</div>
							<p class="xieyi">登录即代表同意《可心房隐私政策》及《可心房用户服务协议》</p>
							<div class="login-buttom">登录</div>
							<img src="../img/qitfs.png" class="qitfs">
							<div class="login-other">
								<img src="../img/login-QQ.png" >
								<img src="../img/login-wechat.png" >
								<img src="../img/login-weibo.png" >
							</div>
						  </div>
					  </div>
					  
					  <!-- 注册窗口 -->
					   <div class="model-login-box" id="register_box" hidden>
					  		 <div class="model-login-top"> 
					  			<p>注册可心房账号</p>
					  			<img src="../img/login-close.png" class="login-close">
					  		</div>
							<div class="login-input-box">
								<input type="text" name="" id="" value="" placeholder="请输入手机号码" class="login-tel-box" style="margin-bottom: 0;"/>
								<input type="text" name="" id="" value="" placeholder="请输入验证码" class="login-tel-box"/>
								<input type="text" name="" id="" value="" placeholder="请输入验证码" class="login-yanz-box fl"/>
								<div class="get-code fl">获取验证码</div>
								<div class="clear"></div>
								 <div id='zhdl_box' style="margin-top: 10px;">
								    <input type="text" name="" id="" value="" placeholder="请输入登录密码" class="login-tel-box" style="margin-top: 0px;"/>
									<img src="../img/yanj.png" class="yanj" style="top: 285px;">  
								</div>
								<div class="login-tips">
									<img src="../img/checkout.png" class="fl login-tips-img">
									<p class="fl login-tips-time" style="font-size: 12px;margin-top: -1px;">我已阅读并同意<a href="#" style="color: #fe2947;">《可心房隐私政策》</a>及<a href="#" style="color: #fe2947;">《可心房用户服务协议》</a></p>
								</div>
							</div>
							<div class="clear"></div>
							<div class="login-buttom" style="margin-top: 60px;">登录</div>
							<div class="register-tips">
								<p>已有账号？去<span style="color: #fe2947;">登录</span></p>
							</div>
					  </div><!-- 注册窗口结束 -->
		<script src="../js/jquery.js"></script>			  
		<script src="../js/login.js"></script>
	</body>
</html>
